<div id="opensourceai-panel">
    <div class="opensourceai-panel-header">
        <img src="" class="opensourceai-logo" class="opensourceai-inline" />
        <h3 class="opensourceai-inline opensourceai-header-text">opensourceai Submitter</h3>
        <a id="close-panel-button" class="opensourceai-float-right" href="#">[close]</a>
        <span class="opensourceai-float-right">&nbsp;&nbsp;</span>
        <a id="refresh-panel-button" class="opensourceai-float-right "href="#">[refresh]</a>
    </div>
    
    <div id="opensourceai-panel-body">
        <fieldset class="opensourceai-fieldset" id="basic-setting-fieldset">
        <!-- <legend class="opensourceai-legend">Basic Settings: </legend> -->
        <div>
                <label for="submit-form-menu">Submit As: </label>
                <select name="submit-form-menu" id="submit-form-menu">
                  <option value="notebook">Interactive Notebook</option>
                  <option value="file">Python Script (.py File)</option>
                  <option value="silent">Silent Notebook</option>
                </select>
        </div>
        <div>
            <label for="resource-menu" id="resouce-menu-label">Resource: </label>
                <!-- <select name="resource-menu" id="resource-menu">
                  <option selected="selected" data-gpu="1" data-cpu="4" data-memory="8192">1 GPU, 4 vCores CPU, 8 GB memory</option>
                  <option data-gpu="1" data-cpu="8" data-memory="16384">1 GPU, 8 vCores CPU, 16 GB memory</option>
                  <option data-gpu="0" data-cpu="4" data-memory="8192">0 GPU, 4 vCores CPU, 8 GB memory</option>
                  <option data-gpu="2" data-cpu="8" data-memory="16384">2 GPU, 8 vCores CPU, 16 GB memory</option>
                  <option data-gpu="4" data-cpu="16" data-memory="32768">4 GPU, 16 vCores CPU, 32 GB memory</option>
                </select> -->
        </div>
        <div>
            <label for="docker-image-menu" id="docker-image-menu-label">Select a docker image: </label>
                <!-- <select name="docker-image-menu" id="docker-image-menu">
                  <option value="opensourceai/pytorch-py36-cu90" selected="selected">PyTorch + Python3.6 with GPU, CUDA 9.0</option>
                  <option value="opensourceai/pytorch-py36-cpu">PyTorch + Python3.6 with CPU</option>
                  <option value="opensourceai/tensorflow-py36-cu90">TensorFlow + Python3.6 with GPU, CUDA 9.0</option>
                  <option value="opensourceai/tensorflow-py36-cpu">TensorFlow + Python3.6 with CPU</option>
                </select> -->
        </div>
        </fieldset>
        <fieldset class="opensourceai-fieldset">

            <div id="panel-table-wrapper" style="display:none;">
            <table id="cluster-data" class="display order-column" data-page-length="7">
                <thead>
                    <tr>
                        <th>Cluster</th>
                        <th>VC</th>
                        <th>Available GPU</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody id="cluster-data-body">
                </tbody>
            </table>
            </div>
            <div id="panel-information-wrapper">
              <span id="panel-information">The panel is not ready. Please wait.</span>
            </div>
        </fieldset>
    </div>
</div>